﻿/*
    .area

    用来表示一个区域，控制上下padding，margin，背景色等等

    通过设置一定的上下padding，再加上子元素 .container 的左右padding ，以达到一个比较友好的显示效果

    我设想的HTML结构应该是这样    .area > .container > .xxx

    - 如何扩展？
    .area-xxx 即可，xxx表示这一区块的含义，比如 .area-userinfo
*/

.area {
    padding-top:15px;
    padding-bottom:15px;
    background-color:#fff;
}



/*
    .area-fluid

    推荐的HTML结构  .area-fluid > .container-fluid > .xxx

    仅仅有一个白色背景
*/
.area-fluid{
    background-color:#fff;
}
